/*







overflow:hidden;text-overflow:ellipsis;white-space:nowrap;







-webkit-transition:all .7s;transition:all .7s;







transition: all 1s;







outline: 1px dashed #fff;outline-offset: -5px;







transform:rotate(360deg);







text-transform: Uppercase;font-family:Arial;







*/







/* 公用标题 */



@keyframes msClock {



	0%,70%,100% {transform: rotate(0) scale(1);}



	



	10%,30% {transform: rotate(-15deg) scale(1);}



	



	20%,40% {transform: rotate(15deg) scale(1);}



}























/* 产品中心 */



.box_01{width:100%;padding:60px 0;background:#fff;position:relative;overflow:hidden;}







.box_01 .h_title{width:300px;height:auto;margin:0 auto;text-align:center;}







.box_01 .h_title p{font-size:30px;color:#d9d9d9;line-height:25px;font-weight:bold;text-transform: Uppercase;}







.box_01 .h_title h3{font-size:30px;color:#1b65c1;line-height:32px;margin-top:8px;font-weight:bold;}







.box_01 .h_title h3 a{display:block;color:#1b65c1;}







.box_01 .h_title span{display:block;width:30px;height:3px; background:#1b65c1;margin:10px auto 0 auto;}







.box_01 .center{width:1300px;height:920px;margin:40px auto 0 auto;overflow:hidden;}







.box_01 .center .left{width:275px;height:920px;position:relative;float:left;background:#fafafa;}







.box_01 .center .left .h_bt{width:205px;height:70px;padding:30px 0 0 70px;background:url(../images/pro_icon.png) 25px center no-repeat #1b65c1;overflow:hidden;}







.box_01 .center .left .h_bt h4{font-size:20px;color:#fff;line-height:22px;font-weight:bold;}







.box_01 .center .left .h_bt p{font-size:12px;color:#fff;line-height:15px;margin-top:7px;}







.menu .list .menuItem{display:none;}







.menu .list .show{display:block;}







.menu{width:275px;height:800px;overflow: auto;overflow-x: hidden;margin-top:5px;}







.menu::-webkit-scrollbar-track {background-color: #ccc;border-radius: 0;}







.menu::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #1b65c1;}







.menu .list{width:230px;margin:0 auto;}







.menu .list p{width:230px;height:49px;line-height:49px;font-size:16px;border-bottom:solid 1px #e6e6e6;margin-bottom:15px;-webkit-transition:all .7s;transition:all .7s;}







.menu .list p a{display:block;width:180px;padding-right:50px;color:#333;font-weight:bold;background:url(../images/you.png) 208px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}







.menu .list .xia a{background:url(../images/xia.png) 203px center no-repeat;color:#1b65c1;-webkit-transition:all .7s;transition:all .7s;}







.menu .list ul{width:230px;margin:0 auto;}







.menu .list ul li{width:230px;height:49px;border-bottom:dashed 1px #e6e6e6;}







.menu .list ul li a{display:block;width:180px;padding-right:50px;height:49px;line-height:49px;font-size:14px;color:#333;background:url(../images/jia01.png) 206px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}







.menu .list ul li:hover a{color:#1b65c1;padding:0 45px 0 5px;background:url(../images/jia02.png) 206px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}







.box_01 .pro_center{width:1000px;height:920px;float:right;overflow:hidden;position:relative;}







.box_01 .pro_center .hd{width:1000px;height:48px;border-bottom:solid 2px #1b65c1;overflow:hidden;}







.box_01 .pro_center .hd ul{width:260px;height:48px;float:left;}







.box_01 .pro_center .hd ul li{width:130px;height:48px;line-height:48px;cursor:pointer;background:#fff;font-size:14px;color:#333;text-align:center;float:left;-webkit-transition:all .7s;transition:all .7s;}







.box_01 .pro_center .hd ul li.on{color:#fff;background:#1b65c1;-webkit-transition:all .7s;transition:all .7s;}







.box_01 .pro_center .hd .more{display:block;line-height:48px;float:right;font-size:14px;color:#4c4c4c;-webkit-transition:all .7s;transition:all .7s;}







.box_01 .pro_center .hd .more:hover{color:#1b65c1;-webkit-transition:all .7s;transition:all .7s;}







.box_01 .pro_center .bd{width:1000px;height:830px;margin-top:40px;}







.box_01 .pro_center .bd .main{width:1000px;height:830px;overflow:hidden;position:relative;}







.box_01 .pro_center .bd .main a{display:block;}







.box_01 .pro_center .bd .main li{width:310px;height:255px;margin:0 35px 32px 0;overflow:hidden;float:left;-webkit-transition:all .7s;transition:all .7s;}







.box_01 .pro_center .bd .main li:nth-of-type(3n){margin-right:0;}







.box_01 .pro_center .bd .main li a{display:block;}







.box_01 .pro_center .bd .main li .img{width:290px;height:200px;border:solid 1px #e6e6e6;padding:9px;overflow:hidden;}







.box_01 .pro_center .bd .main li:hover .img{border:solid 1px #1b65c1;-webkit-transition:all .7s;transition:all .7s;}







.box_01 .pro_center .bd .main li .img .pic{width:290px;height:200px;overflow:hidden;}







.box_01 .pro_center .bd .main li .img .pic img{width:290px;height:200px;transition: all 1s;vertical-align:top;object-fit:cover;}







.box_01 .pro_center .bd .main li:hover .img .pic img{transform: scale(1.05);}







.box_01 .pro_center .bd .main li .txt{width:310px;height:18px;margin-top:17px;overflow:hidden;}







.box_01 .pro_center .bd .main li .txt .name{padding-left:20px;width:220px;height:18px;font-size:16px;color:#0d0d0d;line-height:18px;float:left;background:url(../images/line01.png) left center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}







.box_01 .pro_center .bd .main li:hover .txt .name{color:#1b65c1;background:url(../images/line02.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}







.box_01 .pro_center .bd .main li .txt .more{height:18px;font-size:12px;color:#333;line-height:18px;float:right;-webkit-transition:all .7s;transition:all .7s;}







.box_01 .pro_center .bd .main li:hover .txt .more{color:#1b65c1;-webkit-transition:all .7s;transition:all .7s;}



/*



.box_01 .pro_center .bd .main:hover > li:not(:hover) .img{filter: brightness(1) saturate(0) contrast(1) blur(0px);}







*/



















/* 关于我们 */



.box_02{width:100%;height:780px;padding-top:25px;/*background:url(../images/ys_back.jpg) center top no-repeat;*/ background:#f7f7f7;position:relative;overflow:hidden;}







.box_02 .center{width:1300px;height:383px;margin:0 auto;overflow:hidden;}







.box_02 .center .left{width:470px;height:383px;float:left;}







.box_02 .center .left h3{width:400px;height:25px;line-height:25px;font-size:18px;color:#333;font-weight:bold;margin-top:100px;background:url(../images/ab_zm.png) right center no-repeat;}


.box_02 .center .left h1{
  margin-top: 30px;
}




.box_02 .center .left p{font-size:14px;color:#333;line-height:30px;height:90px;overflow:hidden;margin-top:22px;}







.box_02 .center .left .more{display:block;width:105px;height:39px;line-height:39px;padding-left:5px;border-top:solid 1px #1b65c1;position:relative;margin-top:35px;font-size:14px;color:#333; background:url(../images/ab_jt_01.png) 80px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}







.box_02 .center .left .more:hover{color:#1b65c1;background:url(../images/ab_jt_02.png) 80px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}







.box_02 .center .left .more::before{content:'';width:0px;height:1px;background:#1b65c1;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_02 .center .left .more:hover::before{content:'';width:110px;height:1px;background:#1b65c1;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_02 .center .right{width:730px;height:383px;float:right;}







.box_02 .center .right img{display:block;width:730px;height:383px; vertical-align:top;}







.box_02 .bottom{width:1300px;height:350px;margin:36px auto 0 auto;overflow:hidden;}







.look_center{width:100%;height:350px;float:left;position:relative;}







.look_center .ys_box{width:100%;height:350px;overflow:hidden;}







.look_center .ys_box ul{width:100%;height:350px;float:left;display:flex;justify-content: space-between;}







.look_center .ys_box ul li{width:145px;height:350px;float:left;overflow:hidden;position:relative;cursor:pointer; transition: all .6s ease-out;}







.look_center .ys_box ul li:nth-of-type(1) .show, .look_center .ys_box ul li:nth-of-type(1) .hide{background-image:url(../images/ys_01.jpg);}







.look_center .ys_box ul li:nth-of-type(2) .show, .look_center .ys_box ul li:nth-of-type(2) .hide{background-image:url(../images/ys_02.jpg);}







.look_center .ys_box ul li:nth-of-type(3) .show, .look_center .ys_box ul li:nth-of-type(3) .hide{background-image:url(../images/ys_03.jpg);}







.look_center .ys_box ul li:nth-of-type(4) .show, .look_center .ys_box ul li:nth-of-type(4) .hide{background-image:url(../images/ys_04.jpg);}







.look_center .ys_box ul li .show{width:145px;height:350px;overflow:hidden;float:left;-webkit-transition:all .7s;transition:all .7s;}







.look_center .ys_box ul li.active .show{opacity:0;-webkit-transition:all .7s;transition:all .7s;}







.look_center .ys_box ul li .show .icon{width:66px;height:66px;margin:75px auto 0 auto;border-radius:33px;}







.look_center .ys_box ul li:nth-of-type(1) .show .icon{background:url(../images/ys_icon_01.png) center center no-repeat #fff;}







.look_center .ys_box ul li:nth-of-type(2) .show .icon{background:url(../images/ys_icon_02.png) center center no-repeat #fff;}







.look_center .ys_box ul li:nth-of-type(3) .show .icon{background:url(../images/ys_icon_03.png) center center no-repeat #fff;}







.look_center .ys_box ul li:nth-of-type(4) .show .icon{background:url(../images/ys_icon_04.png) center center no-repeat #fff;}







.look_center .ys_box ul li .show h4{font-size:18px;color:#fff;font-weight:bold;line-height:145px;writing-mode: tb-rl;margin-top:35px; letter-spacing:3px;}







.look_center .ys_box ul li .hide{width:145px;height:350px;position:absolute;top:0;left:0;-webkit-transform: translate10(0);-moz-transform: translateX(-100%);-o-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: transform .7s, opacity .7s;-moz-transition: transform .7s, opacity .7s;-o-transition: transform .7s, opacity .7s;-ms-transition: transform .7s, opacity .7s;transition: transform .7s, opacity .7s;}



.look_center .ys_box ul li .hide .color_bg{



  position: absolute;



  left: 0;



  top: 0;



  right: 0;



  bottom: 0;



  z-index: -1;



  background-color:rgba(27,101,193,0.9);



}







.look_center .ys_box ul li.active .hide{-webkit-transform: translateX(0) scale(1); -moz-transform: translateX(0) scale(1); -o-transform: translateX(0) scale(1); -ms-transform: translateX(0) scale(1); transform: translateX(0) scale(1); opacity: 1;}







.look_center .ys_box ul li .hide p{writing-mode: tb-rl;float:left;margin:45px 20px 0 35px;font-size:16px;color:#fff;line-height:16px;}







.look_center .ys_box ul li .hide .line{width:1px;height:210px; background:#2e75cc;margin:55px 20px 0 0;float:left;}







.look_center .ys_box ul li .hide h4{writing-mode: tb-rl;float:left;margin:45px 0 0 0;font-size:18px;color:#fff;line-height:20px;font-weight:bold;letter-spacing:1px;}







.box_02 .bottom .img{width:570px;height:280px;float:right;margin:35px 30px 0 0;}







.box_02 .bottom .img img{display:block;width:570px;height:280px; vertical-align:top;}







.look_center .ys_box ul li.active {



  width: 774px;



}



.look_center .ys_box ul li .img-box {



  position: absolute;



  right: 0;



  top: 0;



  width: 0;



  height: 350px;



  opacity: 1;



  background-color: #fff;



  /* opacity: 0; */



  transition: width .6s ease-out;



}



.look_center .ys_box ul li.active .img-box{



  width: 629px;



}



.look_center .ys_box ul li .img-box .ys-img {



  display: block;



  position: absolute;



  left: 50%;



  top: 50%;



  width: 0;



  height: 100%;



  transform: translate(-50%, -50%);



  transition: width .6s ease-out;



object-fit: cover;}



.look_center .ys_box ul li.active .img-box .ys-img {



  width: 630px;



}























/* 新闻资讯 */



.box_03{width:100%;padding:70px 0 60px 0;background:#fff;overflow:hidden;position:relative;}







.box_03 .h_title{width:300px;height:auto;margin:0 auto;text-align:center;}







.box_03 .h_title p{font-size:30px;color:#d9d9d9;line-height:25px;font-weight:bold;text-transform: Uppercase;}







.box_03 .h_title h3{font-size:30px;color:#1b65c1;line-height:32px;margin-top:8px;font-weight:bold;}







.box_03 .h_title h3 a{display:block;color:#1b65c1;}







.box_03 .h_title span{display:block;width:30px;height:3px; background:#1b65c1;margin:10px auto 0 auto;}







.box_03 .center{width:1300px;height:auto;margin:40px auto 0 auto;overflow:hidden;}







.box_03 .news_center{width:730px;height:auto;float:left;position:relative;}







.box_03 .news_center .hd{width:730px;height:28px;border-bottom:solid 6px #fafafa;overflow:hidden;}







.box_03 .news_center .hd ul{width:190px;height:20px;display:flex;justify-content: space-between;}







.box_03 .news_center .hd ul li{width:80px;height:20px;cursor:pointer;float:left;position:relative;}







.box_03 .news_center .hd ul li a{display:block;line-height:20px;text-align:right;font-size:16px;color:#0d0d0d;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .news_center .hd ul li.on a{color:#1b65c1;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .news_center .hd ul li a::before{content:'';width:2px;height:0px;background:#1b65c1;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .news_center .hd ul li.on a::before{content:'';width:2px;height:20px;background:#1b65c1;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .news_center .bd{width:730px;height:680px;margin:30px auto 0 auto;overflow:hidden;}







.box_03 .news_center .bd .main{width:730px;height:680px;overflow:hidden;}







.box_03 .news_center .bd .main .bx{width:690px;height:110px;padding:20px;overflow:hidden;background:#fafafa;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .news_center .bd .main .bx:hover{background:#1b65c1;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .news_center .bd .main .bx a{display:block;}







.box_03 .news_center .bd .main .bx .img{width:180px;height:110px;float:left;margin-right:35px;overflow:hidden;}







.box_03 .news_center .bd .main .bx .img img{width:180px;height:110px;vertical-align:top;transition: all 1s;object-fit:cover;}







.box_03 .news_center .bd .main .bx:hover .img img{transform: scale(1.05);}







.box_03 .news_center .bd .main .bx .txt{width:450px;height:110px;float:left;overflow:hidden;}







.box_03 .news_center .bd .main .bx .txt .name{margin-top:17px;font-size:14px;color:#0d0d0d;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .news_center .bd .main .bx:hover .txt .name{color:#fff;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .news_center .bd .main .bx .txt p{font-size:14px;color:#333;line-height:30px;height:60px;margin-top:15px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .news_center .bd .main .bx:hover .txt p{color:#fff;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .news_center .bd .main .list{width:730px;height:513px;margin-top:17px;overflow:hidden;overflow:hidden;}







.box_03 .news_center .bd .main .list li{width:730px;height:57px;line-height:57px;overflow:hidden;position:relative;}







.box_03 .news_center .bd .main .list li::before{content:'';width:730px;height:1px;background:#fafafa;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .news_center .bd .main .list li::after{content:'';width:0px;height:1px;background:#1b65c1;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .news_center .bd .main .list li:hover::after{content:'';width:730px;height:1px;background:#1b65c1;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .news_center .bd .main .list li .name{display:block;width:520px;height:57px;padding-left:20px;font-size:14px;color:#0d0d0d;float:left;background:url(../images/dian01.png) left center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .news_center .bd .main .list li:hover .name{background:url(../images/dian02.png) left center no-repeat;color:#1b65c1;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .news_center .bd .main .list li span{display:block;float:right;font-size:12px;color:#333;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .news_center .bd .main .list li:hover span{color:#1b65c1;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .right{width:480px;height:auto;overflow:hidden;float:right;} 







.box_03 .right h4{width:480px;height:28px;border-bottom:solid 6px #fafafa;overflow:hidden;}







.box_03 .right h4 a{display:block;width:80px;height:20px;cursor:pointer;position:relative;line-height:20px;text-align:right;font-size:16px;color:#4c4c4c;color:#1b65c1;}







.box_03 .right h4 a::before{content:'';width:2px;height:20px;background:#1b65c1;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .right .list{width:480px;height:680px;margin:30px auto 0 auto;overflow:hidden;}







.box_03 .right .list li{width:440px;height:65px;padding:25px 20px 0 20px;margin-bottom:28px;background:#fafafa;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .right .list li:hover{background:#1b65c1;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .right .list li .name{display:block;font-size:14px;color:#0d0d0d;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .right .list li:hover .name{color:#fff;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .right .list li p{font-size:14px;color:#333;line-height:1;margin-top:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}







.box_03 .right .list li:hover p{color:#fff;-webkit-transition:all .7s;transition:all .7s;}























/* 在线留言 */



.box_04{width:100%;padding:15px 0 55px 0;background:#fff;overflow:hidden;}







.box_04 .center{width:1300px;height:auto;margin:0 auto;overflow:hidden;}







.box_04 .center .left{width:560px;height:auto;float:left;position:relative;}







.box_04 .center .left h4{font-size:20px;color:#333;font-weight:bold;line-height:22px;margin-bottom:25px;}







.box_04 .center .left .infro{width:auto;height:auto;}







.box_04 .center .left .infro li{margin-bottom:30px;}







.box_04 .center .left .infro li:last-child{margin-bottom:0;}







.box_04 .center .left .infro li p:nth-of-type(1){font-size:14px;color:#0d0d0d;line-height:15px;}







.box_04 .center .left .infro li p:nth-of-type(2){font-size:16px;color:#333;line-height:20px;margin-top:10px;}







.box_04 .center .left .ewm{width:130px;height:auto;position:absolute;top:40px;right:0;}







.box_04 .center .left .ewm img{display:block;width:120px;height:120px;border:solid 6px #8db2e0;vertical-align:top;}







.box_04 .center .left .ewm p{font-size:14px;color:#333;line-height:15px;margin-top:20px;text-align:center;}







.box_04 .center .right{width:540px;height:auto;float:right;position:relative;}







.box_04 .center .right h4{padding-left:40px; background:url(../images/ly_icon.png) left center no-repeat;font-size:20px;color:#333;font-weight:bold;line-height:22px;margin-bottom:25px;}







.box_04 .center .right .form{width:540px;height:174px;position:relative;}







.box_04 .center .right .form p{width:252px;height:42px;border:solid 1px #d9d9d9;overflow:hidden;background:#fff;}







.box_04 .center .right .form p:nth-of-type(1){position:absolute;left:0;top:0;}







.box_04 .center .right .form p:nth-of-type(1) input{display:block;width:200px;height:42px;line-height:42px;color:#808080;font-size:14px;padding:0 4px 0 48px;box-sizing:content-box;background:url(../images/name.png) 18px center no-repeat;}







.box_04 .center .right .form p:nth-of-type(2){position:absolute;right:0;top:0;}







.box_04 .center .right .form p:nth-of-type(2) input{display:block;width:200px;height:42px;line-height:42px;color:#808080;font-size:14px;padding:0 4px 0 48px;box-sizing:content-box;background:url(../images/name.png) 18px center no-repeat;}



















.box_04 .center .right .form p:nth-of-type(3){position:absolute;left:0;top:63px;}







.box_04 .center .right .form p:nth-of-type(3) input{display:block;width:200px;height:42px;line-height:42px;color:#808080;font-size:14px;padding:0 4px 0 48px;box-sizing:content-box;background:url(../images/phone.png) 18px center no-repeat;}







.box_04 .center .right .form p:nth-of-type(4){width:252px;height:42px;position:absolute;right:0;top:63px;}







.box_04 .center .right .form textarea{width:200px;height:42px;line-height:42px;font-size:14px;padding:0 4px 0 48px;box-sizing:content-box;background:url(../images/liuyan.png) 18px center no-repeat;}







.box_04 .center .right .form p:nth-of-type(5){position:absolute;left:0;bottom:0;}







.box_04 .center .right .form p:nth-of-type(5) input{display:block;width:70px;height:42px;line-height:42px;color:#808080;font-size:14px;padding:0 4px 0 48px;float:left;box-sizing:content-box;background:url(../images/yzm.png) 18px center no-repeat;}







.box_04 .center .right .form p:nth-of-type(5) img{display:block;float:right;width:90px;height:36px;cursor:pointer;margin:3px;}







.box_04 .center .right .form .tj{width:254px;height:44px;border:none;overflow:hidden;position:absolute;z-index:0;right:0;bottom:0;-webkit-transition:all .7s;transition:all .7s;}







.box_04 .center .right .form .tj .btn{display:block;width:254px;height:44px;line-height:44px;text-align:center;font-size:14px;color:#fff;border:none;background:none;cursor:pointer;padding:0 !important;-webkit-transition:all .7s;transition:all .7s;}







.btn_bubble_3{background-color: #1b65c1;background-repeat: no-repeat;-webkit-transition:all .7s;transition:all .7s;}







.box_04 .center .right .form .tj:hover .btn{color:#fff;-webkit-transition:all .7s;transition:all .7s;}







.btn_bubble_3:hover, .btn_bubble_3:focus {



 -webkit-animation: btn_3 1s forwards ease-out;



 animation: btn_3 1s forwards ease-out;



 background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 90% 90% / 0.88em 0.88em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 23% 141% / 0.81em 0.81em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 17% 90% / 0.68em 0.68em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 15% 94% / 1.12em 1.12em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 42% 126% / 0.86em 0.86em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 102% 120% / 0.58em 0.58em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 12% 121% / 0.67em 0.67em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 69% 87% / 1.18em 1.18em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 32% 99% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 84% 129% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 40% 99% / 0.72em 0.72em;



 background-color: #1b65c1;



 background-repeat: no-repeat;



}







@-webkit-keyframes btn_3 {



 100% {



  background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;



  box-shadow: inset 0 -140px 0 #1b65c1;



 }



}











@keyframes btn_3 {



 100% {



  background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;



  box-shadow: inset 0 -140px 0 #1b65c1;



 }



}























































@-webkit-keyframes twinkling {



	0% {



		opacity: 0.2;



		filter: alpha(opacity=20);



		-webkit-transform: scale(1);



	}







	50% {



		opacity: 0.5;



		filter: alpha(opacity=50);



		-webkit-transform: scale(1.12);



	}







	100% {



		opacity: 0.2;



		filter: alpha(opacity=20);



		-webkit-transform: scale(1);



	}



}







@keyframes twinkling {



	0% {



		opacity: 0.2;



		filter: alpha(opacity=20);



		-webkit-transform: scale(1);



	}







	50% {



		opacity: 0.5;



		filter: alpha(opacity=50);



		-webkit-transform: scale(1.12);



	}







	100% {



		opacity: 0.2;



		filter: alpha(opacity=20);



		-webkit-transform: scale(1);



	}



}























/* animated home */



.animated { -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both }



.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite}



.animated.hinge {  -webkit-animation-duration: 2s; animation-duration: 2s }







@-webkit-keyframes fadeInUp {



    0% {



        opacity:0;



        -webkit-transform:translate3d(0, 100%, 0);



        transform:translate3d(0, 100%, 0)



    }



    100% {



        opacity:1;



        -webkit-transform:none;



        transform:none



    }



}



@keyframes fadeInUp {



    0% {



        opacity:0;



        -webkit-transform:translate3d(0, 100%, 0);



        transform:translate3d(0, 100%, 0)



    }



    100% {



        opacity:1;



        -webkit-transform:none;



        transform:none



    }



}



.fadeInUp {



    -webkit-animation-name: fadeInUp;



    animation-name: fadeInUp



}







.animated_1 { animation-delay:0.3s; }



.animated_2 { animation-delay:0.6s; }



.animated_3 { animation-delay:0.9s; }



.animated_4 { animation-delay:1.2s; }



.animated_5 { animation-delay:1.7s; }



.animated_6 { animation-delay:1.8s; }



.animated_7 { animation-delay:2.1s; }



.animated_8 { animation-delay:2.4s; }



.animated_9 { animation-delay:2.7s; }



.animated_10 { animation-delay:3s; }



.animated_11 { animation-delay:3.3s; }



.animated_12 { animation-delay:3.6s; }







/* animated end */



















@keyframes jello {



  from,



  11.1%,



  to {



    -webkit-transform: none;



    -moz-transform: none;



    transform: none;



  }



  22.2% {



    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);



    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);



    transform: skewX(-12.5deg) skewY(-12.5deg);



  }



  33.3% {



    -webkit-transform: skewX(6.25deg) skewY(6.25deg);



    -moz-transform: skewX(6.25deg) skewY(6.25deg);



    transform: skewX(6.25deg) skewY(6.25deg);



  }



  44.4% {



    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);



    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);



    transform: skewX(-3.125deg) skewY(-3.125deg);



  }



  55.5% {



    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);



    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);



    transform: skewX(1.5625deg) skewY(1.5625deg);



  }



  66.6% {



    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);



    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);



    transform: skewX(-0.78125deg) skewY(-0.78125deg);



  }



  77.7% {



    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);



    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);



    transform: skewX(0.390625deg) skewY(0.390625deg);



  }



  88.8% {



    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);



    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);



    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);



  }



}







.footer .bottom .fh{display:block;width:50px;height:50px;background:url(../images/fh_top.png) center center no-repeat #333;border-radius:25px;position:fixed;bottom:35px;right:20px;z-index:9;}